<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>教学班管理</title>
    <!-- Bootstrap Styles-->
    <link rel="stylesheet" href="../../css/bootstrap/bootstrap.css"/>
    <!-- FontAwesome Styles-->
    <link href="../../css/font-awesome.css" rel="stylesheet"/>
    <!-- Morris Chart Styles-->

    <!-- Custom Styles-->
    <link href="../../css/custom-styles.css" rel="stylesheet"/>
    <!-- Google Fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
    <!-- TABLE STYLES-->
    <link href="../../js/dataTables/dataTables.bootstrap.css" rel="stylesheet"/>
</head>

<body>
<div id="wrapper">
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../teacher/tea_course_index.html">题库与考试</a>
        </div>

        <ul class="nav navbar-top-links navbar-right">

            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li>
                        <a href="../student/stu_person_index.html"><i class="fa fa-user fa-fw"></i> 个人中心</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="../../login.html"><i class="fa fa-sign-out fa-fw"></i> 退出登录</a>
                    </li>
                </ul>
                <!-- /.dropdown-user -->
            </li>
            <!-- /.dropdown -->
        </ul>

    </nav>
    <!--/. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">

                <li>
                    <a href="../manager/adm_index.html"><i class="fa fa-dashboard"></i> 用户角色管理</a>
                </li>
                <li>
                    <a href="../manager/adm_infoManage_index.html"><i class="fa fa-desktop"></i> 用户信息管理</a>
                </li>
                <li>
                    <a href="../manager/adm_schoolClass_index.html"><i class="fa fa-bar-chart-o"></i> 系部信息管理</a>
                </li>
                <li>
                    <a href="../manager/adm_exerciseType_index.html"><i class="fa fa-sitemap"></i> 试题类型管理</a>
                </li>
            </ul>

        </div>

    </nav>
    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-header">
                        试题类型管理
                        <a href="#mymodal_3" role="button" data-toggle="modal">
                            <div style="display: inline;float: right;">
                                <button type="button" class="btn btn-primary">+添加题型</button>
                            </div>
                        </a>

                    </h1>
                </div>
            </div>
            <div class="well">
                <table class="table" id="questionType">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>试题类型</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
            <!-- 模态框1  -->

            <div class="modal fade" id="mymodal_1" tabindex="-1" role="dialog" aria-labelledby="myModelLabel"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="myModal_1Label">
                                修改信息
                            </h4>
                        </div>
                        <div class="modal-body">
                            <input type="text" class="form-control" id="updateQuestionType" value="">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="updateQuestionBtn">
                                提交更改
                            </button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal -->
            </div>
            <div class="modal fade" id="mymodal_2" tabindex="-1" role="dialog" aria-labelledby="myModelLabel"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="myModal_2Label">
                                是否删除?
                            </h4>
                        </div>
                        <div class="modal-body">
                            确定删除该课程?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-danger" id="deleteQuestionType">
                                删除
                            </button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal -->
            </div>
            <!-- 模态框3 -->
            <div class="modal fade" id="mymodal_3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                添加试题类型
                            </h4>
                        </div>
                        <div class="modal-body">
                            <input type="text" class="form-control" placeholder="题目类型" id="addQuestionType">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="addQuestion">
                                提交更改
                            </button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal -->
            </div>

            <!-- /. PAGE WRAPPER  -->
            <!-- /. WRAPPER  -->
            <!-- JS Scripts-->
            <!-- jQuery Js -->
            <script src="../../js/jquery-1.10.2.js"></script>
            <!-- Bootstrap Js -->
            <script src="../../js/bootstrap.min.js"></script>
            <!-- Metis Menu Js -->
            <script src="../../js/jquery.metisMenu.js"></script>
            <!-- DATA TABLE SCRIPTS -->
            <script src="../../js/dataTables/jquery.dataTables.js"></script>
            <script src="../../js/dataTables/dataTables.bootstrap.js"></script>
            <script src="../../js/jquerysession.js"></script>
            <script>
                $(document).ready(function () {
                    $('#dataTables-example').dataTable();

                    if ($.session.get('userid') == null) {
                        alert("请先登录！！！");
                        window.location.href = '/login.html';
                    } else {
                        if ($.session.get('usertype') != 3) {
                            alert("您没有访问这个页面的权限！！！");
                            window.location.href = '/login.html';
                        }
                    }

                    // 获取所有的题型
                    $.ajax({
                        type:'post',
                        url:'/questionType/selectAll',
                        dataType:'json',
                        success:function (data) {
                            if (data.msg == "success"){
                                $.each(data.data,function (index,obj) {
                                    $("#questionType").append('<tr><td>'+obj.id+'</td>' +
                                        '<td>' + obj.name + '</td><td>' +
                                        '<button data-target="#mymodal_1" class="btn btn-primary" data-toggle="modal" onclick="Values(' + obj.id + ')">修改 </button>' +
                                        '<button data-target="#mymodal_2" data-toggle="modal" class="btn btn-danger" onclick="Values(' + obj.id + ')">删除</button>' +
                                        '</td></tr>');
                                })
                            }else{
                                alert(data.msg);
                            }
                            
                        }
                    });
                });

                var questionId = 0;
                function Values(ID){
                    questionId = ID;
                }

                // 插入新题型
                $("#addQuestion").click(function (e) {
                    e.preventDefault();
                    var questionName = $("#addQuestionType").val();
                    console.log(questionName);
                    var question = JSON.stringify({"name":questionName});
                    $.ajax({
                        type:'post',
                        url:'/questionType/addOne',
                        data:question,
                        contentType:'application/json',
                        dataType:'json',
                        success:function (data) {
                            if (data.msg == "success"){
                                alert("插入题型成功");
                            }else{
                                alert(data.msg);
                            }
                            window.location.href="adm_exerciseType_index.html";
                        }
                    })
                });

                // 删除
                $("#deleteQuestionType").click(function (e) {
                    e.preventDefault();
                    $.ajax({
                        type:'get',
                        url:'/questionType/remove/'+questionId,
                        dataType:'json',
                        success:function (data) {
                            if (data.msg == "success"){
                                alert("删除该种试题类型成功");
                            } else{
                                alert(data.msg);
                            }
                            window.location.href="adm_exerciseType_index.html";
                        }
                    });
                });

                //修改题型名称
                $("#updateQuestionBtn").click(function (e) {
                    e.preventDefault();
                    var questionType = $("#updateQuestionType").val();
                    if (questionType == ""){
                        alert("请填入必要内容");
                    }else{
                        var questionType = JSON.stringify({"id":questionId,"name":questionType});
                        console.log(questionType);
                        $.ajax({
                            type:'post',
                            url:'/questionType/update',
                            data:questionType,
                            contentType:'application/json',
                            dataType:'json',
                            success:function (data) {
                                if (data.msg == "success"){
                                    alert("修改成功");
                                }else{
                                    alert(data.msg);
                                }
                                window.location.href="adm_exerciseType_index.html";
                            }
                        })
                    }
                })

            </script>
        </div>
    </div>
</div>
</body>
</html>